<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">  
    
   	<h:outputStylesheet library="css" name="textos.css"/>    
   	<h:outputStylesheet library="css" name="bordes.css"/>
   	<h:outputStylesheet library="css" name="botones.css"/>
   	<h:outputScript library="js" name="validaciones.js" target="head"/>
   	
    <h:form id="frmPresupuesto">
        <rich:panel header="#{msg.administrar_presupuesto}">
        	<h:panelGroup layout="block" styleClass="roundCorner" id="pnlMenuPresupuesto">
	       		<h:panelGrid columns="4">
	       			<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{administrarPresupuestoController.editMode}">
	       			<a4j:commandButton value="#{msg['guardar']}" render="pnlMenuPresupuesto, pnlDatosPresupuesto" actionListener="#{administrarPresupuestoController.btnSave}" 
	       					 image="/resources/images/save.png"/>
	       				<h:outputLabel value="#{msg['guardar']}" />
	       			</h:panelGrid>
	        			
	       			<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{!administrarPresupuestoController.editMode}">
	       				<a4j:commandButton value="#{msg['editar']}" render="pnlMenuPresupuesto, pnlDatosPresupuesto, pnlDetallePre" actionListener="#{administrarPresupuestoController.btnEdit}" execute="@this" 
	       					 image="/resources/images/edit.png"/>
	       				<h:outputLabel value="#{msg['editar']}" />
	       			</h:panelGrid>
	       			
	       			<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{administrarPresupuestoController.editMode}">
	       				<a4j:commandButton value="#{msg['cancelar']}" render="pnlMenuPresupuesto, pnlDatosPresupuesto" actionListener="#{administrarPresupuestoController.btnCancelEdit}" execute="@this" 
	       					 image="/resources/images/cancel.png"/>
	       				<h:outputLabel value="#{msg['cancelar']}" />
	       			</h:panelGrid>
	        			
	       			<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" rendered="#{!administrarPresupuestoController.editMode}">
	       				<a4j:commandButton value="Atras" render="pnlDatosPresupuesto" immediate="true" actionListener="#{administrarPresupuestoController.btnReturnReportePresupuesto}" image="/resources/images/go-back.png"/>
	       				<h:outputLabel value="#{msg['regresar']}" />
	       			</h:panelGrid>
	       		</h:panelGrid>
        	</h:panelGroup>
        </rich:panel>
       	
        <rich:panel header="#{msg.administrar_presupuesto}" id="pnlDatosPresupuesto">
       		<rich:collapsiblePanel header="#{msg['datos_presupuesto']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
        		<h:panelGrid columns="2">
        		
        			<h:outputText value="#{msg['etiqueta_codigo']}: " styleClass="label-bold"/>
        			<h:outputText value="#{administrarPresupuestoController.presupuesto.idPrefijoPresupuesto}" />
        			
        			<h:outputLabel value="Fecha inicio: " styleClass="label-bold"/>
        			<h:outputText value="#{administrarPresupuestoController.presupuesto.fechaInicio}" />
        				
        			<h:outputLabel value="#{msg['fecha_finalizacion']}: " styleClass="label-bold"/>
        			<h:outputText value="#{administrarPresupuestoController.presupuesto.fechaFin}" />
        			
        			<h:outputLabel value="#{msg['etiqueta_anio']}: " styleClass="label-bold"/>
        			<h:outputText value="#{administrarPresupuestoController.presupuesto.codigoAnio}" />
        			
        			<!-- 			
        			<h:outputLabel value="Cantidad Inicial" />
        			<sigecComp:textField value="#{administrarPresupuestoController.presupuesto.recursoInicial}" editMode="#{administrarPresupuestoController.editMode}" label="Cantidad Inicial" required="true" onkeypressScript="return validateNumPP(event);"/>			
                	
                	<h:outputLabel value="Cantidad Actual" />
        			<h:outputText value="#{administrarPresupuestoController.presupuesto.recursoActual}"/>			
                	 -->
        		</h:panelGrid>
        	</rich:collapsiblePanel>
        	
        	<rich:collapsiblePanel id="pnlDetallePre" header="#{msg['datos_presupuesto']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
	        	<a4j:commandButton action="#{administrarPresupuestoController.btnAgregarDetalle}" execute="@this tblDetalle" value="Agregar detalle" 
	        		render="tblDetalle" limitRender="true" rendered="#{administrarPresupuestoController.editMode}"/>
	        	
	        	
	        	<rich:dataTable id="tblDetalle" value="#{administrarPresupuestoController.lstPresupuestoDetalles}" var="detPresupuesto"
	        		noDataLabel="Sin registros" style="width:100%;" rows="5" iterationStatusVar="numRow">
	        		<f:facet name="header">
	        			<rich:dataScroller for="tblDetalle" renderIfSinglePage="false" fastControls="hide"></rich:dataScroller>
	        		</f:facet>
	        		
	        		<rich:column>
	        			<f:facet name="header">
	        				N.
	        			</f:facet>
	        			#{numRow.index +1}
	        		</rich:column>
	        		<rich:column style="text-align:center; margin:auto;">
						<f:facet name="header">
							#{msg.etiqueta_codigo}
						</f:facet>
						<sigecComp:textField value="#{detPresupuesto.presupuestoDetallePK.idCuenta}" required="true" label="Nombre" editMode="#{administrarPresupuestoController.editMode and (detPresupuesto.editMode) }" inputTextStyle="text-transform:uppercase"/>
					</rich:column>
						
	        		<rich:column style="text-align:center;">
	        			<f:facet name="header">
	        				#{msg.nombre}
	        			</f:facet>
	        			<sigecComp:textField id="txtDescripcion" value="#{detPresupuesto.preDetDescripcion}" required="true" label="#{msg.nombre}" editMode="#{administrarPresupuestoController.editMode and (detPresupuesto.editMode)}"></sigecComp:textField>
	        		</rich:column>
	        		
	        		<rich:column style="text-align:center;">
	        			<f:facet name="header">
	        				#{msg.etiqueta_valor_inicial}
	        			</f:facet>
	        			
	        			<sigecComp:textField value="#{detPresupuesto.preDetValorInicial}" required="true" label="Valor" editMode="#{administrarPresupuestoController.editMode and (detPresupuesto.editMode)}" onkeypressScript="return validateNumPP(event);"/>
	        		</rich:column>
	        		
	        		<rich:column style="text-align:center;">
	        			<f:facet name="header">
	        				#{msg.etiqueta_valor_actual}
	        			</f:facet>
	        			<h:outputText value="#{detPresupuesto.preDetValorVariable}" />
	        		</rich:column>
	        		
	        		<rich:column style="text-align:center;" rendered="#{administrarPresupuestoController.editMode}">
	        			<f:facet name="header">
	        				#{msg.etiqueta_accion}
	        			</f:facet>
	        			<a4j:commandButton value="#{msg.etiqueta_eliminar}" render="tblDetalle" execute="@this" action="#{administrarPresupuestoController.btnEliminarDetalle(detPresupuesto)}" limitRender="true" rendered="#{administrarPresupuestoController.editMode and (detPresupuesto.presupuestoDetallePK.idCuenta == null) }"/>
	        		</rich:column>
	        	</rich:dataTable>
        	</rich:collapsiblePanel>
       	</rich:panel>
       	
       </h:form>
</ui:composition>